<template>
	<!-- 列表页面 -->
	<view class="wraper">
		<view class="list-wraper">
			<view class="panel-box" v-for="(item,key) in listData" :key="key">
				<view class="panel-head" @tap="slideToggle(key)">
					<text class="line"></text>
					<view class="hd-inner">
						<text class="tit">2020-09-11</text>
						<text class="iconfont iconjiantou9 icon-donw" :class="{ up: item.isSlide  }"></text>
					</view>
				</view>
				<view class="panel-body">
					<view class="panel-bd-inner" :class="{'border-b': item.isSlide }">
						<view class="icon-text-component">
							<text class="iconfont iconshouyi- icon"></text>
							<text class="text">实际收益</text>
						</view>
						<view class="yellow-text-component">
							<text class="t-yellow">+0.00000052</text>
							<text class="t-black">(ETH)</text>
						</view>
					</view>
				</view>
				<view class="panel-footer" v-if="item.isSlide">
					<view class="panel-footer-inner">
						<view class="icon-text-component">
							<text class="iconfont iconyingshouhuidan icon"></text>
							<text class="text">应收益</text>
							<text class="num">0.00000057</text>
						</view>
						<view class="icon-text-component">
							<text class="iconfont icontouziguanlifei icon"></text>
							<text class="text">管理费</text>
							<text class="num">0.00000057</text>
						</view>
						<view class="icon-text-component">
							<text class="iconfont icondianli icon"></text>
							<text class="text">电费</text>
							<text class="num">0.00000057</text>
						</view>
						<view class="icon-text-component">
							<text class="iconfont iconsuanfaguanligongju icon"></text>
							<text class="text">算力</text>
							<text class="num">2T</text>
						</view>
					</view>
				</view>
			</view>
		</view>


	</view>

</template>

<script>
	export default {
		name: 'getList',
		props: {
			listData: { // 列表数据
				type: Array,
				default: () => {
					return []
				}
			}

		},
		components: {},
		data() {
			return {};
		},
		methods: {
			slideToggle(i) { /* 展开收起 */
				this.$emit('slide', i)
			}

		}
	};
</script>

<style lang="scss" scoped>

</style>
